<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>{% block title %}{% endblock %}</title>
    <meta name="keywords" content="{% block keywords %}{% endblock %}"/>
    <meta name="description" content="{% block description %}{% endblock %}"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="google-site-verification" content="Zc2Bj2MA63FlVk4F5s3sK_odQhSeUl_UEfjom2zurdw" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel=stylesheet type=text/css href="{{ url_for('static', filename='solar/bootstrap.min.css') }}" media="screen">
    <link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="{{ url_for('static', filename='js/html5shiv.min.js') }}"></script>
      <script src="{{ url_for('static', filename='js/respond.min.js') }}"></script>
    <![endif]-->
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-108018154-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-108018154-1');
    </script>
  </head>
  <body>
    <div class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a href="/" class="navbar-brand">JiangHu Novel</a>
          <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div class="navbar-collapse collapse" id="navbar-main">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="themes">Classify <span class="caret"></span></a>
              <ul class="dropdown-menu" aria-labelledby="themes">
                <li><a href="{{ url_for('classify', type='Swordsman') }}">Swordsman</a></li>
                <li class="divider"></li>
                <li><a href="{{ url_for('classify', type='Supernatural') }}">Supernatural</a></li>
                <li><a href="{{ url_for('classify', type='Time-Travel') }}">Time-Travel</a></li>
                <li><a href="{{ url_for('classify', type='Science-Fiction') }}">Science-Fiction</a></li>
                <li><a href="{{ url_for('classify', type='Reincarnation') }}">Reincarnation</a></li>
                <li><a href="{{ url_for('classify', type='Urban') }}">Urban</a></li>
                <li><a href="{{ url_for('classify', type='Ancient') }}">Ancient</a></li>
                <li><a href="{{ url_for('classify', type='Tanbi') }}">Tanbi</a></li>
              </ul>
            </li>
          </ul>

          <ul class="nav navbar-nav navbar-right">
            {% if g.user %}
            <li><a href="{{ url_for('account') }}">Client Area</a></li>
            <li><a href="{{ url_for('logout') }}">Logout!</a></li>
            {% else %}
            <li><a href="{{ url_for('login') }}">Log In</a></li>
            <li><a href="{{ url_for('register') }}">Register</a></li>
            {% endif %}
          </ul>

        </div>
      </div>
    </div>

    <div class="container">
      {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
          {% for category,message in messages %}
            {% if category=='error' %}
            <div class="alert alert-dismissible alert-warning flash-error">
              <button type="button" class="close" data-dismiss="alert">&times;</button>
              <p>{{ message }}</p>
            </div>
            {% else %}
            <div class="alert alert-dismissible alert-success flash-error">
              <button type="button" class="close" data-dismiss="alert">&times;</button>
              <p>{{ message }}</p>
            </div>
            {% endif %}
          {% endfor %}
        {% endif %}
      {% endwith %}

      {% block body %}{% endblock %}
      <footer>
        <div class="row">
          <div class="col-lg-12">

            <ul class="list-unstyled">
              <li class="pull-right"><a href="#top">Back to top</a></li>
              <li><a href="#Blog">Blog</a></li>
              <li><a href="#RSS">RSS</a></li>
              <li><a href="#GitHub">GitHub</a></li>
              <li><a href="#SUPPORT">Support</a></li>
            </ul>
            <p>Made by <a href="#" rel="nofollow">Dunmore</a>. Contact him at <a href="mailto:dume2007@gmail.com">dume2007@gmail.com</a>.</p>
            <p>&copy 2015 - 2017 <a href="/">JiangHu Novel</a>.</p>

          </div>
        </div>
      </footer>
    </div>    

    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
    <script type="text/javascript">
      $(function(){
        $('.flash-error').delay(1000).slideUp('fast');
      });
    </script>
    {% block footer %}{% endblock %}
  </body>
</html>
<!-- Cache File Built in {{ g.currenttime|formattime }} -->
